<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // https://lesscss.com.cn/ 官网
      // less : css 预编译器 。 给css 赋予逻辑
      // 主流的css预编译器 ： less 、sass 、stylus
      // 写的时候 使用 预编译器语法 ，执行的时候还是用css执行 中间会有一个叫编译的过程；

      // 编译less
      // 方式一：
      // 基于nodejs ，nodejs 是一个后端环境 可以让后端运行js；
      // 第一步 安装nodejs ：
      // 下载低版本 （稳定版）;
      //  https://nodejs.org/en/ 下一步 下一步
      // 查看nodejs是否安装好 ？ 需要用到命令
      // 打开命令行 win + r 输入cmd  输入 node -v 如果出现版本号 证明nodejs安装好了 ；

      // 第二步： 通过nodejs 安装less
      // npm i less -g
      // 查看less是否安装好 : lessc -v

      // 方式二：利用vscode插件 ： easyless插件，遇到less文件帮你自己转成css
    </script>
  </body>
</html>
